<template>
	<div class="container">
			<header-Bar></header-Bar>
		<div class="body">
			<page-body>
        <div class="left">
          <ada-homework></ada-homework>
        </div>
        <div class="right">
          <ada-notice></ada-notice>
        </div>
			</page-body>
		</div>
	</div>
</template>

<script>
import HeaderBar from '@/components/headerBar/HeaderBar';
import PageBody from '@/components/pageBody/PageBody';
import AdaHomework from '@/views/index/components/AdaHomework';
import AdaNotice from '@/views/index/components/AdaNotice';

export default {
	name: 'Home',
	components: {
		HeaderBar,
		PageBody,
		AdaHomework,
		AdaNotice,
	},
};
</script>

<style scoped>
.container{
	/* background-image: linear-gradient(125deg, #2c3e50, #27ae60, #2980b9, #e74c3c, #8e44ad); */
	background-color: #FAACA8;
	background-image: linear-gradient(19deg, #66cccc 0%, #FAACA8 50%,#DDD6F3 100%);
	background-size: 700%;
	animation: bganimation 15s infinite;
}
@keyframes bganimation {
	from {
			background-position: 0% 50%;
	}
	50% {
			background-position: 100% 50%;
	}
	to {
			background-position: 0% 50%;
	}
}
.body{
	display: block;
	padding-top: 3rem;
}
.left{
	float: left;
}
.right{
	float:right;
}
</style>
